@CHARSET "UTF-8";
*, html, body {
	font-family: arial, helvetica, sans-serif;
}

#header {
	height: 70px;
	padding-left: 15px;
}

#header>img {
	margin: 17px 0px 0px 2px;
	vertical-align: inherit;
}

#slide_btt {
	display: inline-block;
	width: 25px;
	height: 100%;
	background-color: #e3e3e3;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}

#slide_icon {
	height: 92px;
	width: 92px;
	background-image: url("img/Pfeil_rot_links.png");
	position: absolute;
	top: 0px;
	left: -33px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	transform: scale(0.5);
}

#slide_icon.act {
	background-image: url("img/Pfeil_rot_rechts.png");
}

#menu {
	width: 275px;
	min-width: 25px;
	overflow: hidden;
	position: absolute;
	background-color: rgba(246, 246, 246, 0.7);/*#f6f6f6;*/
	min-height: calc(100% - 70px);
}

#menu_main {
	display: inline-block;
	width: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	vertical-align: top;
	height: 100%;
}

iframe {
	min-width: 100%;
/* 	min-width: calc(100% - 300px); */
}

.mat_line {
	width: 200px;
	height: 40px;
	line-height: 40px;
	margin: 5px 15px 0px 15px;
	padding: 0px 10px;
	font-size: 14px;
	cursor: pointer;
}

.mat_line:hover, .mat_line.act {
	background-color: #e31937;
	color: #fff;
}

.mat_thumb {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #000;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}

.mat_thumb>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.mat_name {
	display: inline-block;
	width: calc(100% - 51px);
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mat_name_first, #mat_name_sec {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mat_name_first {
	width: 80px;
}

#mat_name_sec {
	max-width: calc(100% - 80px);
}